.home-content-body{
  background-size: 100% 100%!important;
  background-attachment:fixed!important;
  background-repeat: no-repeat!important;
}
.home-body{
  width: 100%;
  background: url("../../../../assets/img/bg-img2.jpg") no-repeat;
  background-size: 100% 100%;
  background-attachment:fixed;
  .swiper-container{
    font-size: 0;
    .swiper-slide img{
      width:100%;
    }
  }

  .home-list-button{

  }
  .home-line{
    width: 100%;
    height:3rem;
    line-height: 3rem;
    text-align: center;
    h2{
      //background-color: white;
      //color:#e00224;
      color: white;
      font-size: 18px;
    }
    h2:before{
      content: "";
      position: absolute;
      height: 2px;
      margin-top: 1.5rem;
      margin-left: -17rem;
      background-color: white;
      //background-color: #e00224;
      width: 16rem;
    }
    h2:after{
      content: "";
      position: absolute;
      height: 2px;
      margin-top: 1.5rem;
      margin-left: 1rem;
      //background-color: #e00224;
      background-color: white;
      width: 16rem;
    }
  }
  .home-content{
    width: 90%;
    margin: auto;
    font-size: 0;
    padding: 1rem 0;
    display: flex;
    .raking{
      display: inline-block;
      background-color: #e00224;
      //padding:0 .2rem;
      width: 2rem;
      text-align: center;
      color: white;
      font-size: 14px;
    }
    .raking2{
      display: inline-block;
      background-color: #e00224;
      padding:0 .2rem;
      //width: 2rem;
      text-align: center;
      color: white;
      font-size: 14px;
    }
    .home-content-left{
      font-size: 14px;
      cursor: pointer;
      box-sizing: border-box;
      display: inline-block;
      width: 20%;
      color: white;
      vertical-align: top;
      text-align: center;
      background-color: rgb(221,14,46);
      border-right: 1px solid rgb(165,12,36);
      div{
        padding: 1.6rem 0;
        border-bottom: 1px solid rgb(165,12,36);
      }
    }
    .home-content-center{
      box-sizing: border-box;
      display: inline-block;
      width: 70%;
      font-size: 1.4rem;
      vertical-align: top;
      background-color: white;
      padding: 1rem;
      .center-bar{
        background: url("../../../../assets/img/title.png") no-repeat;
        text-align: center;
        font-size: 18px;
        background-size: 100% 100%;
        background-position: 0 1px;
        line-height: 5rem;
        color: white;
        font-weight: 600;
        margin-bottom: 1rem;
      }
      .home-tab{
        display: flex;
        justify-content: space-around;
        span{
          width: 50%;
          background-color: #b50104;
          text-align: center;
          color: white;
          padding: .3rem 0;
        }
        span:nth-child(1) {
            //border-right:5px solid #f9a400 ;
          }
        .home-tab1{
          color: white;
          width: 60%;
          font-size: 14px;
          background: #e00224;
          animation:mymove 1s 1;
        }
        .home-tabs1{
          width: 40%;
          font-size: 14px;
          animation:mymove2 1s 1;
        }
        @keyframes mymove {
          from {width: 40%;}
          to {width: 60%;}
        }
        @keyframes mymove2 {
          from {width: 60%;}
          to {width: 40%;}
        }
      }
      .home-cont{
        .home-lists{
          span{
            font-size: 13px;
          }
          .home-list-img{
            width: 3rem;
            margin: 0 5%;
          }
          .home-list-name{
            width: 30%;
            display: inline-block;
          }
          .home-list-value{
            width: 20%;
            display: inline-block;
          }
          li{
            //display: flex;
            //align-items: center;
            //justify-content: space-around;
            font-size: 1rem;
            padding: .6rem 1rem;
            img{
              vertical-align: middle;
            }
            span{
              vertical-align: middle;
            }
            button{
              vertical-align: middle;
              color: #fff;
              background-color: #e00224;
              padding: 5px 12px;
              white-space: nowrap;
              vertical-align: middle;
              touch-action: manipulation;
              cursor: pointer;
              user-select: none;
              background-image: none;
              border: 1px solid transparent;
              border-radius: 4px;
            }
          }
          li:nth-child(even){
            background-color: antiquewhite;
          }
        }
      }
    }
    .home-content-right{
      box-sizing: border-box;
      display: inline-block;
      width: 25%;
      font-size: 1.4rem;
      vertical-align: top;
      padding: 0 1rem;
      .home-ranking{
        background-color: white;
        border-radius: 5px;
        .home-raking-top{
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: .2rem 1rem;
          h2{
            font-size: 16px;
            font-weight: 600;
          }
          img{
            width: 1rem;
            padding: 3px;
          }
          select{
            height: 1.7rem;
            color: gray;
            border-color: #666;
            border-radius: 5px;
          }
        }
        .home-raking-list{
          padding: 1rem;
          li{
            border-bottom: 1px solid #e5e5e5;
            padding: 1rem 0;
            font-size: 14px;
            width: 95%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            img{
              width: 1rem;
              vertical-align: middle;
            }
          }
          .home-list-more{
            background: #e00224;
            border: 1px solid #e00224;
            padding: .1rem .3rem;
            border-radius: 5px;
            color: white;
            font-size: 14px;
          }
        }
      }
      .home-rank-all{
        background-color: white;
        border-radius: 5px;
        padding:1rem;
        margin-top: 1rem;
        h2{
          width: 100%;
          text-align: center;
          font-size: 16px;
        }
        .home-year{
          text-align: center;
          margin-top: 5px;
          display: flex;
          justify-content: space-around;
          width: 100%;
          flex-wrap: nowrap;
          font-size: 16px;
          button{
            text-wrap: normal;
            background-color: transparent;
            font-size: 10px;
            border: 1px solid red;
            border-radius: 5px;
          }
        }
        .select-year{
          background-color: red!important;
          color: white;
        }
        .home-raking-list2{
          li{
            border-bottom: 1px solid #e5e5e5;
            padding: 1rem 0;
            font-size: 14px;
            width: 95%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            img{
              width: 1rem;
              vertical-align: middle;
            }
          }
          .home-list-more{
            background: #e00224;
            border: 1px solid #e00224;
            padding: .1rem .3rem;
            border-radius: 5px;
            color: white;
            font-size: 14px;
          }
        }
      }
    }
  }
}
@media only screen and (min-width:930px) {
  .swiper-container{
    height: 500px;
  }
}
@media only screen and (max-width:930px) {
  .home-lists{
    .home-list-img{
      width: 3rem;
      margin: 0 1%!important;
    }
    .home-list-name{
      width: 30%!important;
      word-wrap:break-word;
      display: inline-block;
    }
    .home-list-value{
      width: 20%;
      display: inline-block;
    }
  }
}
@media only screen and (max-width:780px) {
  .home-lists{
    .home-list-img{
      width: 3rem;
      margin: 0!important;
    }
    .home-list-name{
      width: 25%!important;
      word-wrap:break-word;
      display: inline-block;
    }
    .home-list-value{
      width: 20%!important;
      display: inline-block;
    }
  }
  .home-rank-all{
    padding: 5px!important;
  }
  .home-list-name{
    width: 29%;
    display: inline-block;
  }

}

@media only screen and (max-width: 620px){
  .home-lists{
    .home-list-img{
      width: 2rem;
    }
    .home-list-name{
      width: 26%!important;
      word-wrap:break-word;
      display: inline-block;
    }
    .home-list-value{
      width: 25%!important;
      display: inline-block;
    }
  }
  .home-line{
    h2:after{
      width: 6rem!important;
    }
    h2:before{
      width: 6rem!important;
      margin-left: -7rem !important;
    }
  }
  .swiper-slide img{
    //height: 10rem!important;
  }
  .home-list-name{
    width: 28%;
    display: inline-block;
  }
  .home-content-left{
    div{
      cursor: pointer;

      padding: .98rem 0!important;
      font-size: .7rem!important;
    }
  }
  .home-content-right{
    display: none!important;
  }
  .home-content{
    width: 100%!important;
    .home-content-center{
      width: 100%!important;
    }
  }
 .home-lists li{
    font-size: 1rem!important;
   padding-left: 0!important;
   padding-right: 0!important;
   button{
      padding: 2px 4px!important;
   }
  }
  .home-tab{
    .home-tab{
      font-size: 1rem!important;
    }
    .home-tabs{
      font-size: 1rem!important;
    }
  }
}
